1 files changed, 58 insertions, 0 deletions
diff --git a/app/[lng]/engineering/(engineering)/tech-vendors/page.tsx b/app/[lng]/engineering/(engineering)/tech-vendors/page.tsx
new file mode 100644
index 00000000..8f542f59
--- /dev/null
+++ b/app/[lng]/engineering/(engineering)/tech-vendors/page.tsx
@@ -0,0 +1,58 @@
+import * as React from "react"
+import { type SearchParams } from "@/types/table"
+
+import { getValidFilters } from "@/lib/data-table"
+import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
+import { Shell } from "@/components/shell"
+
+import { searchParamsCache } from "@/lib/tech-vendors/validations"
+import { getTechVendors, getTechVendorStatusCounts } from "@/lib/tech-vendors/service"
+import { TechVendorsTable } from "@/lib/tech-vendors/table/tech-vendors-table"
+import { TechVendorContainer } from "@/components/tech-vendors/tech-vendor-container"
+
+interface IndexPageProps {
+  searchParams: Promise<SearchParams>
+}
+
+export default async function IndexPage(props: IndexPageProps) {
+  const searchParams = await props.searchParams
+  const search = searchParamsCache.parse(searchParams)
+
+  const validFilters = getValidFilters(search.filters)
+
+  // 벤더 타입 정의
+  const vendorTypes = [
+    { id: "all", name: "전체", value: "" },
+    { id: "ship", name: "조선", value: "조선" },
+    { id: "top", name: "해양TOP", value: "해양TOP" },
+    { id: "hull", name: "해양HULL", value: "해양HULL" },
+  ]
+
+  const promises = Promise.all([
+    getTechVendors({
+      ...search,
+      filters: validFilters,
+    }),
+    getTechVendorStatusCounts(),
+  ])
+
+  return (
+    <Shell className="gap-4">
+      <React.Suspense
+        fallback={
+          <DataTableSkeleton
+            columnCount={6}
+            searchableColumnCount={1}
+            filterableColumnCount={2}
+            cellWidths={["10rem", "40rem", "12rem", "12rem", "8rem", "8rem"]}
+            shrinkZero
+          />
+        }
+      >
+        <TechVendorContainer vendorTypes={vendorTypes}>
+          <TechVendorsTable promises={promises} />
+        </TechVendorContainer>
+      </React.Suspense>
+    </Shell>
+  )
+} 
+\ No newline at end of file